{include file="public/header" /}
<link rel="stylesheet" href="/static/index/css/page/index.css">
<body>
<div class="main mx-30">
    <img src="/static/index/images/bg/bg_indextop@2x.png" alt="" class="img-top"/>
    <div class="search flex items-center justify-between mt-30" lay-url="{:url('product/search')}"
         lay-event="jump">
        <img src="/static/index/images/index/ic_searchgray@2x.png" alt="" class="icon"/>
        <input class="inp flex-auto" type="text" placeholder="请输入关键字" readonly/>
        <button class="search-btn">搜索</button>
    </div>
    <div class="carousel">
        <div class="layui-carousel " id="carousel">
            <div carousel-item>
                {foreach name="carousel" item="vo"}
                <div><img src="{$vo.images}" alt=""></div>
                {/foreach}

            </div>
        </div>
    </div>


    <div class="category-container mb-30">
        <!-- class 给定 w-25 则一行4个，默认w-20一行5个 -->
        {foreach name="cate" item="vo"}
        <div class="category-item flex flex-col items-center justify-center w-20"
             lay-url="{:url('product/index')}?cate_1={$vo.id}"
             lay-event="jump">
            <img src="{$vo.icon}" alt="{$vo.title}">
            <div class="category-text">{$vo.title}</div>
        </div>
        {/foreach}
    </div>

    <div class="news-carousel flex items-center justify-start radius-20 mb-30" lay-url="{:url('news/index')}"
         lay-event="jump">
        <img src="/static/index/images/index/news.png" alt="" class="icon"/>
        <div class="car">
            <div class="layui-carousel " id="new-carousel">
                <div carousel-item>
                    {foreach name="news" item="vo"}
                    <div>{$vo.title}</div>
                    {/foreach}
                </div>
            </div>
            <i class="layui-icon layui-icon-right gray"></i>
        </div>
    </div>

    <img src="/static/index/images/index/capsule.png" alt="" class="capsule mb-30">


    <div class="l1r2 mb-30">
        <div class="vessel flex justify-between items-center">
            <div class="left radius-20">
                <div class="item flex flex-col items-start justify-center">
                    <div class="title">报单专区</div>
                    <div class="desc">激活享更多权利</div>
                    <div class="go">GO <i class="layui-icon layui-icon-right"></i></div>
                    <img src="/static/index/images/index/c3/bg_jifendhzq1@2x.png" alt="" class="bg-icon"/>
                </div>
            </div>
            <div class="right flex flex-col justify-between ">
                <div class="fast item flex flex-col items-start radius-20">
                    <div class="title">报单专区</div>
                    <div class="desc line-1-clamp">激活享更多权利</div>
                    <div class="go">GO <i class="layui-icon layui-icon-right"></i></div>
                    <img src="/static/index/images/index/c3/bg_painziylc1@2x.png" alt="" class="bg-icon"/>
                </div>
                <div class="last item flex flex-col items-start radius-20">
                    <div class="title">报单专区</div>
                    <div class="desc line-1-clamp">激活享更多权利</div>
                    <div class="go">GO <i class="layui-icon layui-icon-right"></i></div>
                    <img src="/static/index/images/index/c3/bg_cyejpin1@2x.png" alt="" class="bg-icon"/>
                </div>
            </div>
        </div>

    </div>

    <div class="card-container  flex mb-30">
        <div class="card-item flex items-center justify-between" lay-url="{:url('product/index')}?cate_1=1"
             lay-event="jump">
            <div class="left flex flex-col items-start justify-center">
                <div class="title">报单专区</div>
                <div class="desc">激活享更多权利</div>
                <div class="go">GO <i class="layui-icon layui-icon-right"></i></div>
            </div>
            <div class="right"><img src="/static/index/images/icon28.png" alt=""></div>
        </div>

        <div class="card-item flex items-center justify-between" lay-url="{:url('product/index')}?cate_1=2"
             lay-event="jump">
            <div class="left flex flex-col items-start justify-center">
                <div class="title">复购专区</div>
                <div class="desc">更多好物值得信赖</div>
                <div class="go">GO <i class="layui-icon layui-icon-right"></i></div>
            </div>
            <div class="right"><img src="/static/index/images/icon28.png" alt=""></div>
        </div>
    </div>
    <div class="pro-container  flex items-center justify-center mb-30">
        <img class="icon" src="/static/index/images/index/ic_tjbtleft@2x.png" alt="">
        <div class="title">热门推荐</div>
        <img class="icon" src="/static/index/images/index/ic_tjbtright@2x.png" alt="">
    </div>

    <!-- 推荐商品渲染区 -->
    <div class="tpl_list">


    </div>

</div>


{include file="public/menu" select="1"/}
</body>
{include file="public/footer" /}
{include file="public/template/product_card" query="pick=1"/}
<script>
    layui.use(['methods', 'listen'], function () {
        var m = layui.methods;
        m.renderCarousel('#carousel');
        m.renderCarousel('#new-carousel', {anim: 'updown', indicator: 'none'});

        m.getFlowData('{:url("product/getList")}?pick=1');

        //初始化回到顶部模块，可选，如不需要无需初始化
        layui.listen.initTopFixBar();
    });
</script>
</html>